<template>
    <div v-title>
        <Header></Header>

        <!--焦点区-->
        <div class="main mar-20">
            <el-row :gutter="15">
                <el-col :span="16">
                    <el-card>
                        <r-tab :ids="[11,17]"></r-tab>
                    </el-card>
                </el-col>
                <el-col :span="8">
                    <el-card>
                        <r-swiper></r-swiper>
                    </el-card>
                </el-col>
            </el-row>
        </div>

        <!--二层区域-->
        <div class="main mar-20">
            <el-row :gutter="15">
                <el-col :span="8">
                    <r-card :channelId="34"></r-card>
                </el-col>
                <el-col :span="8">
                    <r-card :channelId="36"></r-card>
                </el-col>
                <el-col :span="8">
                        <el-card>
                            <el-calendar v-model="value"></el-calendar>
                        </el-card>
                </el-col>
            </el-row>
        </div>

        <!--广告图片区-->
        <div class="main mar-20">
            <img src="../assets/images/footer.jpg" width="1200px">
        </div>


        <!--三层区域-->
        <div class="main mar-20">
            <el-row :gutter="15">
                <el-col :span="8">
                    <r-card :channelId="32"></r-card>
                </el-col>
                <el-col :span="8">
                    <r-card :channelId="25"></r-card>
                </el-col>
                <el-col :span="8">
                    <r-card :channelId="35"></r-card>
                </el-col>
            </el-row>
        </div>

        <Footer></Footer>

    </div>

</template>

<script>
    import '../assets/css/styles.css'
    import Header from "./Header";
    import Footer from "./Footer";
    import RCard from "./RCard";
    import RTab from "./RTab";
    import RSwiper from "./RSwiper";
    export default {
        name: "Index",
        components:{RSwiper, RCard,RTab, Footer, Header},
        data(){
            return {
                value: new Date(),
            }
        },
        methods:{
        }
    }
</script>

<style scoped>

</style>